import React, { Component } from 'react'

export default class App extends Component {
  // 1.通过React.createRef 创建一个对象
  input = React.createRef()
  //3. 通过对象.current 就可以拿到input这个DOM了
  HandleChange = () =>{
    console.log(this.input.current.value);
    // console.log(document.querySelector('input').value);
  }
  render() {
    return (
      <div>
        {/* 2.把创建的对象和ref属性进行绑定 */}
        <input type='text' ref={this.input} onChange={this.HandleChange}></input>
      </div>
    )
  }
}
